import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import VitePluginElementPlus from 'vite-plugin-element-plus'
import path from 'path'
// https://vitejs.dev/config/
export default defineConfig(({ mode }) => {
    return {
        plugins: [
            vue(),
            VitePluginElementPlus({
                // 如果你需要使用 [component name].scss 源文件，你需要把下面的注释取消掉。
                // 对于所有的 API 你可以参考 https://github.com/element-plus/vite-plugin-element-plus
                // 的文档注释
                // useSource: true
                format: mode === 'development' ? 'esm' : 'cjs'
            })
        ],
        base: '/', // 开发或生产环境服务的公共基础路径
        server: {
            host: 'localhost', // 主机名
            port: 8080, // 端口
            open: true, // 自动打开浏览器
            // 配置代理规则
            proxy: {
                '/api': {
                    target: 'http://localhost:5000/api',
                    changeOrigin: true,
                    rewrite: path => path.replace(/^\/api/, '')
                }
            },
            // cors: false, // 允许跨域，默认启用
            https: false
        },
        // 引入全局scss文件
        css: {
            preprocessorOptions: {
                scss: {
                    //   additionalData: `@import "./src/assets/init.scss";`
                }
            }
        },
        resolve: {
            alias: {
                vue: 'vue/dist/vue.esm-bundler.js', // 暴露全局的vue对象
                '@': path.resolve(__dirname, './src') // 暴露全局的路径符号
            }
        }
    }
})
